﻿@{	
	Layout = "~/Views/Shared/_Layout.cshtml";
}
@section head{
	<script language="javascript" type="text/javascript">

		$(document).ready(function () {
			$('#myDataTable').dataTable().makeEditable();
		});
        
	</script>
}
<div id="demo"><h1>Basic Example</h1>
	<table id="myDataTable" class="display">
		<thead>
			<tr>
				<th>Company name</th>
				<th>Address</th>
				<th>Town</th>
			</tr>
		</thead>
		<tbody>
			@foreach (var item in Model)
   {
				<tr id="@item.ID">
					<td>@item.Name</td>
					<td>@item.Address</td>
					<td>@item.Town</td>
				</tr>
   }
		</tbody>
	</table>
	<div class="add_delete_toolbar" />
</div>
<form id="formAddNewRow" action="#" title="Add new company">
	<label class="name">Name</label><input type="text" name="name" id="name" class="required" rel="0" />
	<br />
	<label class="name">Address</label><input type="text" name="address" id="address" rel="1" />
	<br />
	<label class="name">Postcode</label><input type="text" name="postcode" id="postcode" />
	<br />
	<label class="name">Town</label><input type="text" name="town" id="town" rel="2" />
	<br />
	<label class="name">Country</label><select name="country" id="country">
		<option value="1">Serbia</option>
		<option value="2">France</option>
		<option value="3">Italy</option>
	</select>
	<br />
</form>
